<!DOCTYPE html>
<html>
{% extends "common/layout_main.html" %} {% block content %}

<body>
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                {% for i in listimage %}
                <img src="{{i}}" class="img-responsive" alt="Image"> {% if i=='https://s1.ax1x.com/2020/09/03/wPQx3Q.jpg' %}
                <h1>24只装苹果 除新疆、西藏、内蒙古、香港、澳门之外，全国其他地区108元全部包邮</h1>
                {% endif %} {% endfor %}
            </div>
        </div>
        <div class="mask" id="uid">
            <div class="thumbnail">
                <img src="https://s1.ax1x.com/2020/09/03/wPlkNT.jpg" class="img-responsive">
            </div>
        </div>
    </div>

    <script>
        $(window).scroll(function() {
            var h = $(document.body).height(); //网页文档的高度
            var c = $(document).scrollTop(); //滚动条距离网页顶部的高度
            var wh = $(window).height(); //页面可视化区域高度

            if (Math.ceil(wh + c) >= h) {
                document.getElementById("uid").style.display = "none";
            }
            if (Math.ceil(wh + c) <= h - 200) {
                document.getElementById("uid").style.display = "";
            }
        })
    </script>
</body>
{% endblock%}

</html>